/*
 * @Author: xiaosihan 
 * @Date: 2022-07-11 07:51:56 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-05-29 16:11:36
 */

import { Watermark } from "antd";
import { useEffect } from "react";
import styles from './index.module.less';
import watermarkePNG from "./watermarke.png";
import homeRenderer from "./homeRender/homeRender";
import threeLoader from "three-base/threeLoader";

const Home = () => {

    useEffect(() => {
        (async () => {
            //等待加载状态完成
            while (!threeLoader.onload) {
                await new Promise(resolve => setTimeout(resolve, 50));
            }
            homeRenderer.initLookat();
        })();
    }, []);

    return (
        <div className={styles.home} >
            <div ref={dom => homeRenderer.setContainer(dom)} className={styles.container}></div>
            <div className={styles.waterMark}></div>
        </div>
    );
}

export default Home;